<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>用户管理</title>
</head>
<body>
<div class="row">
    <div class="col-md-12">
        <!--breadcrumbs start -->
        <ul class="breadcrumb">
            <li>账号管理</li>
            <li class="active">管理员管理</li>
        </ul>
        <!--breadcrumbs end -->
    </div>
</div>
<div class="row">
    <div class="col-md-12">
        <div class="panel panel-default">
            <div class="panel-body">
                <form class="form-inline">
                    <div class="form-group">
                        <label for="userStatus">状态：</label>
                        <select id="userStatus" class="form-control input-sm">
                            <option value="">所有</option>
                            <option value="1">正常</option>
                            <option value="0">禁用</option>
                        </select>
                    </div>
                    <div class="pull-right">
                        <div class="form-group">
                            <label class="sr-only" for="userSearch">根据账号查找</label>
                            <input type="search" id="userSearch" class="form-control input-sm" placeholder="根据账号查找">
                        </div>
                        <button id="userSearchBtn" class="btn btn-primary" type="button">查询</button>
                    </div>
                </form>
            </div>
        </div>
        <div class="panel panel-default">
            <div class="panel-body">
                <button type="button" id="btnAddManager" class="btn btn-primary btn-sm">添加管理员</button>
                <button type="button" id="btnDelAll" class="btn btn-primary btn-sm">批量删除</button>
                <table class="table table-striped">
                    <thead>
                    <tr>
                        <th><input id="checkAll" type="checkbox"></th>
                        <th>账号</th>
                        <th>姓名</th>
                        <th>手机号码</th>
                        <th>创建时间</th>
                        <th>状态</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody id="mainbody">
                    </tbody>
                </table>
                <div id="page" class="row">
                    <div class="col-xs-6">
                        <div class="dataTables_info">总共 <i class="page-totalcount text-success">0</i> 条记录,当前 <i class="page-pageno text-success">0</i> / <i class="page-pagecount text-success">0</i> 页，每页显示
                            <select class="page-pagesize">
                                <option value="10">10</option>
                                <option value="20">20</option>
                                <option value="50">50</option>
                            </select> 条记录
                        </div>
                    </div>
                    <div class="col-xs-6">
                        <div class="dataTables_paginate pull-right">
                            <div class="pagination_c">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="staffDialog" class="staff-dialog" style="display: none;">
    <div class="col-md-3" id="login-wrapper">
        <div class="panel panel-primary animated flipInY">
            <div class="panel-heading">
                <h3 class="panel-title">管理员详情</h3>
                <div class="actions pull-right">
                    <i id="staffDialogClose" class="fa fa-times"></i>
                </div>
            </div>
            <div class="panel-body">
                <form class="form-horizontal" role="form">
                    <div class="form-group">
                        <div class="col-md-12">
                            <input type="text" class="form-control" id="sCode" placeholder="账号">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-md-12">
                            <input type="text" class="form-control" id="sName" placeholder="姓名">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-md-12">
                            <input type="text" class="form-control" id="sPwd" placeholder="密码">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-md-12">
                            <input type="tel" class="form-control" id="sPhone" placeholder="联系电话" maxlength="11">
                        </div>
                    </div>
                    <div class="form-group">
                        <!--<div class="col-md-5">-->
                        <!--</div>-->
                        <div class="col-md-12">
                            <button id="btnStaffReset" type="reset" hidden>重置</button>
                            <a id="btnStaffConfirm" class="btn btn-primary btn-block">确定</a>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<script src="/shop/account/admin.js"></script>
</body>
</html>